<!DOCTYPE html>
<html>

<head>
    <!-- include "../common/meta.html" -->
    <title>
        <%-title%> - JavaScript on Fiber
    </title>
</head>

<body>
    <!-- include "../common/header.html" -->
    <div class="band">
        <div class="container">
            <span class="group">
                <%=groups[group].etitle%>
                    <%=groups[group].title%>
            </span>
            <div class="search">
                <input type="text" class="searchbox" placeholder="Search">
            </div>
        </div>
    </div>
    <div class="container">
        <ol class="breadcrumb">
            <li>
                <a href="/index.html">首页</a>
            </li>
            <li>
                <a href="<%=groups[group].url%>">
                    <%=groups[group].title%>
                </a>
            </li>
            <li class="active">
                <%=title%>
            </li>
        </ol>
    </div>
    <div class="page-body">
        <div class="container">
            <div class="sidebar hidden-xs">
                <div class="panel-group" id="accordion" role="tablist">
                    <%for(var g in groups){%>
                        <div class="panel">
                            <div class="panel-heading" role="tab" id="headingOne">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion" href="#collapse_<%-g%>"
                                        aria-controls="collapse_<%-g%>">
                                        <%-groups[g].title%>
                                    </a>
                                </h4>
                            </div>
                            <div id="collapse_<%-g%>" class="panel-collapse collapse <%if(group==g){%>in<%}%>"
                                aria-labelledby="headingOne">
                                <div class="panel-body">
                                    <%-groups[g].toc%>
                                </div>
                            </div>
                        </div>
                        <%}%>
                </div>
            </div>

            <div class="content">
                <div class="social-share" data-sites='weibo,twitter' data-description="分享"></div>
                <%-doc%>
                    <div class="commentbox"></div>
            </div>

            <div class=" sidebar hidden-sm hidden-xs hidden-md">
                <div id="toc"></div>
            </div>
        </div>
        <!-- /.container -->
    </div>

    <!-- include "../common/footer.html" -->

    <script src="https://unpkg.com/commentbox.io/dist/commentBox.min.js"></script>
    <script>commentBox('5670558372986880-proj')</script>
</body>

</html>